Created: 10/03/2024
By: DynamicLayers
Thank you for purchasing our theme. If you have any questions that are beyond the scope of this help file, please contact our support. Thanks so much!
Below is the general HTML structure of the landing page.
The template page's layout consist of top that show the logo and main menu, hero section that show background image, beforecontent that show some amaizing content, about section contain about your some info & feature, service section contained all services, work section you can showcase your portfolio with awesome animation, skills section here you can add some skills, team section is for your team members, testimonial section here you can published your customer reviews, call to action this for call to action content, contact section here you can put your contact information & footer that show copyright information.
<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang=""> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang=""> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" lang="en">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Vixto Modern Personal Blog HTML5 Template">
<meta name="author" content="DynamicLayers">
<title>Vixto | Modern Personal Blog HTML5 Template</title>
<link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.png">
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/venobox.min.css">
<link rel="stylesheet" href="assets/css/swiper.min.css">
<link rel="stylesheet" href="assets/css/main.css">
</head>
<body>
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<div class="site-preloader">
<div class="loader-text" data-text="Vixto">Vixto</div>
</div>
<!-- Site Preloader -->
<header class="main-header">
</header><!--/.main-header-->
<div id="popup-search-box">
</div>
<!--/.popup-search-box-->
<div id="searchbox-overlay"></div>
<!--/.searchbox-overlay-->
<section class="featured-post">
</section>
<!--/.featured-post-->
<section class="category-section padding">
</section>
<!--/.category-section-->
<section class="post-layout bg-light-red padding">
</section>
<!--/.post-layout-->
<section class="main-post-area padding">
</section>
<!--/.main-post-wrap-->
<footer class="footer-section bg-light-red">
</footer>
<!--/.footer-section-->
<div id="scrollup">
<button id="scroll-top" class="scroll-to-top"><svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24" fill="currentColor"><path d="M450.001-180.001v-485.077L222.154-437.232 180.001-480 480-779.999 779.999-480l-42.153 42.768-227.847-227.846v485.077h-59.998Z"/></svg></button>
</div>
<!--scrollup-->
<!--jQuery Lib-->
<script src="assets/js/vendor/jquary-3.6.0.min.js"></script>
<script src="assets/js/vendor/bootstrap.min.js"></script>
<script src="assets/js/vendor/popper.min.js"></script>
<script src="assets/js/vendor/venobox.min.js"></script>
<script src="assets/js/vendor/swiper.min.js"></script>
<script src="assets/js/vendor/smooth-scroll.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>
The site is made of many sections like header, slider, testimonials, services and more...
<header class="main-header">
<div class="top-header">
<div class="container">
<div class="top-header-inner">
<div class="top-left">
<div class="ticker-wrap">
<div class="ticker-title"><svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M420.001-143.082v-276.919H307.694v-439.998H653.46l-73.461 255.768h158.076L420.001-143.082Z" /></svg><span>Trending:</span></div>
<div class="ticker-slide-wrap">
<div class="swiper ticker-slider">
<div class="swiper-wrapper">
<div class="swiper-slide">
<a href="single.html">Former CIA hacker sentenced to 40 years in prison...</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="top-right">
<ul class="top-right-info">
<li><a href="mailto:vixto@example.com">vixto@example.com</a></li>
<li><a href="tel:+123456789">+123 456 789</a></li>
</ul>
<ul class="header-social">
<li><a href="#"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M80 299.3V512H196V299.3h86.5l18-97.8H196V166.9c0-51.7 20.3-71.5 72.7-71.5c16.3 0 29.4 .4 37 1.2V7.9C291.4 4 256.4 0 236.2 0C129.3 0 80 50.5 80 159.4v42.1H14v97.8H80z" /></svg></a></li>
</ul>
</div>
</div>
</div>
</div><!-- /.top-header -->
<div class="bottom-header">
<div class="container">
<div class="main-header-wapper">
<div class="site-logo">
<a href="index.html"><img src="assets/img/logo-dark.png" alt="Logo" /></a>
</div>
<div class="main-header-info">
<div class="header-menu-wrap">
<ul class="nav-menu">
<li>
<a href="index.html" data-text="Home">Home</a>
<ul>
<li><a href="index.html">Home Default</a></li>
</ul>
</li>
<li>
<a href="archive.html" data-text="Pages">Pages</a>
<ul>
<li><a href="archive.html">Archive</a>
<ul>
<li><a href="category.html">Category</a></li>
</ul>
</li>
<li><a href="subscribe.html">Subscribe</a></li>
</ul>
</li>
<li>
<a href="blog-standard.html" data-text="Post Layout">Post Layout</a>
<ul>
<li><a href="blog-standard.html">Standard</a></li>
</ul>
</li>
<li>
<a href="archive.html" data-text="Post Formats">Post Formats</a>
<ul>
<li><a href="single.html">Standard</a></li>
</ul>
</li>
</ul>
</div>
<!--/.header-menu-wrap-->
<div class="menu-right-item">
<button class="menu-search">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 14.811 14.811">
<g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" transform="translate(-2.25 -2.25)">
<circle cx="5.5" cy="5.5" r="5.5" data-name="Ellipse 7" transform="translate(3 3)"></circle>
<path d="m16 16-3.142-3.142"></path>
</g>
</svg>
</button>
<button class="mobile-menu-action">
<span></span>
<span></span>
<span></span>
</button>
<a href="subscribe.html" class="default-btn text-anim" data-text="Subscribe">Subscribe</a>
</div>
</div>
</div>
</div>
</div><!-- /.bottom-header -->
</header><!--/.main-header-->
<section class="featured-post"> <div class="featured-post-wrap"> <div class="swiper featured-post-carousel"> <div class="swiper-wrapper"> <div class="swiper-slide slide-size-m dl-drag-cursor"> <div class="featured-post-card img-hover-scale"> <div class="post-card-inner"> <div class="featured-post-thumb media"> <a href="category.html" class="featured-post-cat">Travel</a> <img src="assets/img/post-1.jpg" alt="img"> </div> <div class="featured-post-info"> <div class="featured-post-meta"> <div class="author-thumb"> <a href="author.html"><img src="assets/img/author-1.jpg" alt="author"></a> </div> <ul class="post-meta"> <li><a href="single.html">Félix Lengyel</a></li> </ul> </div> <h2><a href="single.html" class="text-hover">World breaches 1.5C warming threshold for full year</a></h2> <a href="single.html" class="read-more">Read More</a> </div> </div> </div> </div> </div> </div><!-- /.featured-carousel --> </div> </section> <!--/.featured-post-->
<section class="category-section padding"> <div class="container"> <div class="section-heading mb-40 text-center"> <h2>Featured Categories</h2> <p>Discover tips, insights, and inspiration to embrace impact on the planet.</p> </div> <div class="row"> <div class="featured-category"> <div class="category-card img-hover-move"> <a href="category.html" class="cat-thumb media"> <img src="assets/img/post-1.jpg" alt="cat"> <div class="cat-text">Travel</div> </a> </div> </div> </div> </div> </section> <!--/.category-section-->
<section class="post-layout bg-light-red padding"> <div class="container"> <div class="post-layout-1"> <article class="post-layout-item img-hover-move"> <a href="single.html" class="post-thumb media"><img src="assets/img/post-1.jpg" alt="thumb"></a> <div class="post-content"> <ul class="post-meta"> <li> <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" height="24" viewBox="0 -960 960 960" width="24"> <path d="M488.768-117.847Q470.922-100.001 446-100.001t-42.768-17.846l-286-286q-17.231-17.231-17.038-42.653.192-25.422 17.807-43.037l352-352.616q8.317-8.179 19.658-13.012 11.341-4.834 23.726-4.834h286q24.537 0 42.268 17.731 17.73 17.73 17.73 42.268v286q0 12.826-4.961 24.143-4.962 11.318-13.654 20.01l-352 352Zm210.571-532.154q20.815 0 35.43-14.57 14.615-14.57 14.615-35.384t-14.57-35.429q-14.57-14.615-35.384-14.615t-35.429 14.57q-14.616 14.57-14.616 35.384t14.57 35.429q14.57 14.615 35.384 14.615ZM446.172-160l353.213-354v-286H513.212L160-446l286.172 286Zm353.213-640Z" /> </svg> <a href="category.html" class="post-meta-text">Studies</a> </li> </ul> <h3><a href="single.html" class="text-hover">Enter the dragon crowds roar in lunar new year 2024</a></h3> <ul class="author-info"> <li><a href="#"><img src="assets/img/author-1.jpg" alt="thumb"></a></li> <li> <a href="#">Félix Lengyel</a> </li> </ul> </div> </article> </div> </div> </section> <!--/.post-layout-->
<section class="main-post-area padding"> <div class="container"> <div class="row gy-5 gy-lg-0 main-area"> <div class="col-lg-8"> <div class="main-post-wrap"> <div class="post-wrap-heading"> <h3><svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24" fill="currentColor"> <path d="M420.001-143.082v-276.919H307.694v-439.998H653.46l-73.461 255.768h158.076L420.001-143.082Z"></path> </svg><span>Latest Stories</span> </h3> </div> <div class="row gy-4"> <article class="col-md-6"> <div class="post-card img-hover-move"> <div class="post-thumb media"> <a href="single.html"> <img src="assets/img/post-10.jpg" alt="thumb"> </a> </div> <div class="post-content"> <ul class="post-meta"> <li><a href="category.html">Sports</a></li> <li class="sep"></li> <li><a href="category.html" class="date">01.09.2024</a></li> </ul> <h3><a href="single.html" class="text-hover">Mexico's controversial new $28.5bn tourist train</a></h3> <p>Explore the world journey through captivating stories insightful and inspiring your experience.</p> <ul class="post-card-footer"> <li><a href="single.html" class="read-more">Continue Reading</a></li> <li> <a href="#" class="comment"> <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24" fill="currentColor"> <path d="M250.001-410.001h459.998v-59.998H250.001v59.998Zm0-120h459.998v-59.998H250.001v59.998Zm0-120h459.998v-59.998H250.001v59.998Zm609.998 531.537L718.461-260.001H172.309q-30.308 0-51.308-21t-21-51.308v-455.382q0-30.308 21-51.308t51.308-21h615.382q30.308 0 51.308 21t21 51.308v669.227ZM172.309-320h571.69L800-264.615v-523.076q0-4.616-3.846-8.463-3.847-3.846-8.463-3.846H172.309q-4.616 0-8.463 3.846-3.846 3.847-3.846 8.463v455.382q0 4.616 3.846 8.463 3.847 3.846 8.463 3.846ZM160-320V-800v480Z" /> </svg><span>05</span> </a> </li> </ul> </div> </div> </article> </div> <ul class="pagination-wrap"> <li><a href="#" class="active">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#"><svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24" fill="currentColor"><path d="m553.846-253.847-42.153-43.384 152.77-152.77H180.001v-59.998h484.462l-152.77-152.77 42.153-43.384L779.999-480 553.846-253.847Z"/></svg></a></li> </ul> </div> </div> <div class="col-lg-4"> <div class="sidebar-area"> <div class="sidebar-widget widget"> <div class="author-widget"> <img class="author-thumb" src="assets/img/author-widget.jpg" alt="author"> <div class="author-content"> <h3><a href="#">Elizabeth Nichols</a><span>Blogger</span></h3> <p>Author of this blog Elizabeth Nichols is a travel enthusiast, writer and photographer.</p> <img src="assets/img/signature.png" alt="sign"> </div> </div> </div> <!--Author Widget--> <div class="sidebar-widget widget"> <div class="widget-heading"> <h3><svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24" fill="currentColor"><path d="M632.307-140.001q-24.538 0-42.268-17.731-17.73-17.73-17.73-42.268v-167.693q0-24.538 17.73-42.268t42.268-17.73H800q24.538 0 42.268 17.73 17.731 17.73 17.731 42.268V-200q0 24.538-17.731 42.268-17.73 17.731-42.268 17.731H632.307Zm0-59.999H800v-167.693H632.307V-200Zm-532.306-53.847v-59.999h344.615v59.999H100.001Zm532.306-278.462q-24.538 0-42.268-17.73t-17.73-42.268V-760q0-24.538 17.73-42.268 17.73-17.731 42.268-17.731H800q24.538 0 42.268 17.731 17.731 17.73 17.731 42.268v167.693q0 24.538-17.731 42.268-17.73 17.73-42.268 17.73H632.307Zm0-59.998H800V-760H632.307v167.693Zm-532.306-53.847v-59.999h344.615v59.999H100.001Zm616.153 362.308Zm0-392.308Z"/></svg><span>Categories</span></h3> <ul class="widget-category-list"> <li class="img-hover-move"> <a href="category.html" class="media"><img src="assets/img/post-1.jpg" alt="thumb">Travel <span>04</span></a> </li> </ul> </div> </div> <!--Sidebar Category--> <div class="sidebar-widget widget"> <div class="widget-heading"> <h3><svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24" fill="currentColor"><path d="M212.309-140.001q-30.308 0-51.308-21t-21-51.308v-535.382q0-30.308 21-51.308t51.308-21h419.229l188.461 188.461v419.229q0 30.308-21 51.308t-51.308 21H212.309Zm0-59.999h535.382q5.385 0 8.847-3.462 3.462-3.462 3.462-8.847V-600H600v-160H212.309q-5.385 0-8.847 3.462-3.462 3.462-3.462 8.847v535.382q0 5.385 3.462 8.847 3.462 3.462 8.847 3.462Zm77.692-100.001h379.998V-360H290.001v59.999Zm0-299.999H480v-59.999H290.001V-600Zm0 149.999h379.998v-59.998H290.001v59.998ZM200-760v160-160 560V-760Z"/></svg><span>Top Stories</span></h3> </div> <div class="widget-post-items"> <div class="widget-post-item img-hover-move"> <div class="widget-post-thumb media"> <a href="single.html"><img src="assets/img/post-1.jpg" alt="thumb"></a> </div> <div class="widget-post-content"> <h3><a href="single.html" class="text-hover">Enjoy the best afternoon at Canggu, Indonesia</a></h3> <ul class="post-meta"> <li><a href="category.html">Travel</a></li> <li class="sep"></li> <li><a href="category.html" class="date">02.08.2024</a></li> </ul> </div> </div> <div class="widget-post-item img-hover-move"> <div class="widget-post-thumb media"> <a href="single.html"><img src="assets/img/post-2.jpg" alt="thumb"></a> </div> <div class="widget-post-content"> <h3><a href="single.html" class="text-hover">In this Austrian town, extreme sports king</a></h3> <ul class="post-meta"> <li><a href="category.html">Fashion</a></li> <li class="sep"></li> <li><a href="category.html" class="date">04.07.2024</a></li> </ul> </div> </div> </div> </div> <!--List Posts--> <div class="sidebar-widget widget"> <div class="widget-subscribe"> <div class="subscribe-heading"> <div class="subscribe-icon"> <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24" fill="currentColor"><path d="M480-457.694 160-662.309v410q0 5.385 3.462 8.847 3.462 3.462 8.847 3.462h357.692V-180.001H172.309q-30.308 0-51.308-21t-21-51.308v-455.382q0-30.308 21-51.308t51.308-21h615.382q30.308 0 51.308 21t21 51.308v277.692H800v-232.31L480-457.694ZM480-520l313.846-200H166.154L480-520ZM752.307-64.233 710.539-106l72.616-74H602.308V-240H783.54l-74.001-74.001 42.768-41.768 145.768 145.768L752.307-64.232ZM160-662.309v455.77V-429.999v4.923V-720v57.691Z"/></svg> </div> <h3>Subscribe to Elizabeth Nichols blog</h3> </div> <form action="php/mailchimp-subscribe.php" id="ajax_mc_form" class="subscribe-form"> <div class="mc-fields"> <input id="mc_email" class="form-control" type="email" name="mc_email" placeholder="Your Email" required> <button class="default-btn text-anim" data-text="Subscribe">Subscribe</button> </div> <div class="clearfix"></div> <div id="mc-form-messages" class="alert" role="alert"></div> </form> </div> </div> <!--Subscribe Widget--> <div class="sidebar-widget widget"> <div class="widget-banner"> <a href="#"><img src="assets/img/sidebar-banner.jpg" alt="banner"></a> </div> </div> <!--Banner Widget--> </div> <!--/.sidebar-area--> </div> </div> </div> </section> <!--/.main-post-wrap-->
<footer class="footer-section bg-light-red"> <div class="container"> <div class="row gy-lg-0 gy-4"> <div class="col-lg-3 col-md-6"> <div class="footer-widget widget"> <div class="about-widget"> <a href="index.html" class="logo"><img src="assets/img/logo-dark.png" alt="logo"></a> <p>Author of this blog md elizabeth nichols is a travel enthusiast, writer and street photographer.</p> <a href="subscribe.html" class="default-btn text-anim" data-text="Subscribe">Subscribe</a> </div> </div> </div> <div class="col-lg-2 col-md-6"> <div class="footer-widget widget"> <div class="category-widget"> <h3 class="widget-title">Category</h3> <ul> <li><a href="category.html">Travel</a></li> </ul> </div> </div> </div> <div class="col-lg-4 col-md-6"> <div class="footer-widget widget"> <div class="widget-post-items"> <h3 class="widget-title">Editors Pick</h3> <div class="widget-post-item img-hover-move"> <div class="widget-post-thumb media"> <a href="single.html"><img src="assets/img/post-1.jpg" alt="thumb"></a> </div> <div class="widget-post-content"> <h3><a href="single.html" class="text-hover">Enjoy the best afternoon at Canggu, Indonesia</a></h3> <ul class="post-meta"> <li><a href="category.html">Travel</a></li> <li class="sep"></li> <li><a href="category.html" class="date">02.08.2024</a></li> </ul> </div> </div> </div> </div> </div> <div class="col-lg-3 col-md-6"> <div class="footer-widget widget"> <div class="contact-widget"> <h3 class="widget-title">Contact Info</h3> <ul class="contact-info"> <li><span>Address:</span>3770 Hidden meadow drive venturia, ND 58489</li> </ul> </div> </div> </div> </div> <div class="copyright-area"> <div class="copyright-text"> © <span id="currentYear"></span> Vixto, All Rights Reserved. Design By <a href="https://themeforest.net/user/dynamiclayers/portfolio" target="_blank">DynamicLayers</a> </div> <ul class="footer-social"> <li>Follow:</li> <li><a href="#"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor"><path d="M512 256C512 114.6 397.4 0 256 0S0 114.6 0 256C0 376 82.7 476.8 194.2 504.5V334.2H141.4V256h52.8V222.3c0-87.1 39.4-127.5 125-127.5c16.2 0 44.2 3.2 55.7 6.4V172c-6-.6-16.5-1-29.6-1c-42 0-58.2 15.9-58.2 57.2V256h83.6l-14.4 78.2H287V510.1C413.8 494.8 512 386.9 512 256h0z"/></svg></a> </li> </ul> </div> <!--/.copyright-area--> </div> </footer> <!--/.footer-section-->
These are the css files:
This theme use these Javascript files:
bootstrap.min.js
popper.min.js
venobox.min.js
swiper.min.js
smooth-scroll.js
main.js
You can edit the contact.js files. for setting contact form
There are only one php code for contact page which is contact.php, open this file and change the email and subject on line 24 and line 27. No need to edit other code unless you really want to.
Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist.
DynamicLayers